$(function () {

  var shopid = 0;
  var areaid = 0;

    // 1- 商品店
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getgsshop',
      dataType: 'json',
      success: function (info) {
        // console.log(info);
        $('.jd').html(template('tmp', info));
      }
    })


  // 2-商品地区
  $.ajax({
    url: 'http://127.0.0.1:9090/api/getgsshoparea',
    dataType: 'json',
    success: function(info) {
      // console.log(info);
      $('.diqu').html(template('tmp-diqu', info));
    }
  })

  // 3-商品
  function render(){
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getgsproduct',
      data: {
        shopid: shopid,
        areaid: areaid
      },
      dataType: 'json',
      success: function(info){
        console.log(info);
      $('.content').html(template('tmp-product',info))
      }
    })  
  }
  render()

  // 4- 获取商品店
  $('.on').on('click',function(){
    $('.jd').toggle();
  })
  $('.jd').on('click','a',function(){
    $('.on>a').text($(this).text())
    // $(this).parent().parent().toggle();
    shopid = $(this).data('id');
    render();
  })


  // 5-获取商品地址
  $('.to').on('click',function(){
    $('.diqu').toggle();
  })
  $('.diqu').on('click','a',function(){
    var text = $(this).text()
    
    $('.to>a').text(text.substr(0,2))
    // $(this).parent().parent().toggle();
    areaid = $(this).data('id');
    render();

  })

 

  
})